*{
    margin: 0;
    padding:0;
    box-sizing: border-box;
}
/*清除间距*/
body{
    background: url("../images/timg.jpg") 100% 100%;
    background-size: cover;
    z-index: -1;
}

.container{
    width: 1000px;
    margin: 0 auto;
}
/*块元素水平方向居中*/

a{
    text-decoration: none;
}
/*清除A标签默认下划线*/


/*header 样式 开始*/
header{
    background-color: pink;
    padding: 15px 0;
}
header .header-left,
header .header-right{
    width: 50%;
}
header .container{
    display: flex;
    flex-wrap: wrap;
}
header .header-right{
    text-align: right;
}
header a{
    display: flex;
    flex-wrap: wrap;
}
header .header-left a img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
header .header-left a h3{
    color: #fff;
}
header .header-right::after{
    content: "";
    display: table;
    clear: both;
}
header .header-right a{
    color: rgba(255, 255, 255, 0.67);
    float: right;
}
header .header-right i{
    vertical-align: middle;
    margin-left: 6px;
}
/*header 样式 结束*/


/*main 样式 开始*/
main{
    margin-top: 55px;
}
main .main-1{
    border-bottom: 1px solid #cccccc;
    padding: 15px 0 25px 35px;
}
main .main-1 i{
    font-size: 20px;
    color: lightsalmon;
    padding-right: 10px;
    vertical-align: middle;
    cursor: pointer;
}
main .main-1 input{
    border: 0;
    width:94%;
    height:39px;
    outline: none;
}
 button{
     position: absolute;
     right: 1px;
     top: 0;
     border: 0;
     font-size: 20px;
     cursor: pointer;
     color: red;
     width: 42px;
     height: 48px;
}
/*main 样式 结束*/

ul li {
    cursor: pointer;
    position: relative;
    padding: 12px 8px 12px 40px;
    background: #eee;
    font-size: 18px;
    transition: 0.2s;

    /* 使列表项无法选择 */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    outline: none;
}
ul li:nth-child(odd) {
    background: #f9f9f9;
}
ul li:hover {
    background: #ddd;
}
ul li.checked {
    background: #888;
    color: #fff;
    text-decoration: line-through;
}


@media (max-width: 600px) {
    header .container{
        width: 100%;
    }
    header .header-left{
        padding-left: 35px;
    }
    header .header-right{
        padding-right: 35px;
        line-height: 2;
    }
    header .header-right i{
        line-height: 1.5;
    }
    main .container{
        width: 100%;
    }
}